/**
* Theme Name: Custom Inc.
* Description: Advanced tutorial for the custom client Mendix 2.5
* File: layout.css
* Version: 1.0
* Date: 23-09-2010
* Author: Mendix
* Author URL: http://www.mendix.com
**/

body {
	font-size: 12px;	
}

/* Main Layout
/**************************/
.MxClient_topPane {
	margin: 25px 18px 10px 18px;
}
.MxClient_headerPane {
	height: 50px;
	margin: 10px 0;
	background-color: #FFF;
}
.MxClient_logoPane {
	position: absolute;
	top: 15px;
	left: 0;
	width: 178px;
	height: 43px;
	background-image: url(images/layout/customLogoClient.png);
}
.MxClient_toolbar {
	float: right;
	margin: 15px 1px 0 0;
	background: none;
}
.dj_ie6 .MxClient_toolbar {
	margin-right: -3px; /* solves 3px bug in ie6 */
}
.mendixToolbar_button {
	margin-right:5px;
	height: 16px;
	width: 16px;
	background: url(images/layout/toolbar_sprite.png) no-repeat;
}
.MxClient_toolbar .mendixToolbar_buttonHover {
	background-color: transparent;
}
.mendixToolbar_refresh { background-position: -16px 0; }
.mendixToolbar_back { background-position: -32px 0; }
.mendixToolbar_forward { background-position: -48px 0; }
.mendixToolbar_logout {	background-position: -64px 0; }

/* MxClient_navigationPane 
/**********************************/
.MxClient_navigationPane {
	padding: 5px;
	border: 1px solid #000;
	background: #222 url(images/layout/toolBar_bg.png) repeat-x top;
	-moz-border-radius: 4px; /* CSS3 Firefox */
	-webkit-border-radius: 4px; /* CSS3 Chrome & Safari */
	border-radius: 4px; /* CSS3 Opera */
} 
/** navBar **/
.tundra .mendixNavbar .dijitToolbar {
	border-style: none;
	background: none;
}
.tundra .dijitToolbar .dijitButtonHover,
.tundra .dijitToolbar .dijitDropDownButtonHover {
	padding: 1px;
	border-style: none;
	background: none;
}
.tundra .dijitToolbar .dijitButtonHover .dijitButtonText,
.tundra .dijitToolbar .dijitDropDownButtonHover .dijitButtonText {
	text-decoration: underline;
}
.tundra .mendixNavbar .dijitToolbar .dijitButtonText  {
	color: #FFF;
}
.tundra .dijitArrowButtonInner {
	margin-top: 5px;
	background: url(images/layout/menu_arrow.png) no-repeat;
}
.tundra .dijitToolbar .dijitDropDownButtonHover .dijitArrowButtonInner,
.tundra .dijitToolbar .dijitDropDownButtonFocused .dijitArrowButtonInner {
	margin-top: 3px;
	background-image: url(images/layout/menu_arrow_focus.png);
}
/** dropDown **/
.tundra .dijitPopup {
	padding: 3px;
	background: #222;
	-moz-border-radius: 4px; /* CSS3 Firefox */
	-webkit-border-radius: 4px; /* CSS3 Chrome & Safari */
	border-radius: 4px; /* CSS3 Opera */
}
.tundra .dijitMenu {
	margin-top: 8px;
	border-style: none;
	background-color: #222;
}
.tundra .dijitMenu .dijitMenuItem  {
	color: #FFF;
}
.tundra .dijitMenu .dijitMenuItemHover, 
.tundra .dijitMenu .dijitMenuItemSelected {
	color: #000;
	background: #FFF;
}
/** mendixTitlePath **/
.mendixTitlePath {
	padding: 5px 0;
	border-style: none;
	font-size: 11px;
}
/** Loader Icon **/
.MxClient_loader {
	width: 16px;
	height: 16px;
	float: right;
	padding: 5px 10px;
	background: transparent url(images/layout/loader.gif) no-repeat scroll center center;
}
/** footerPane **/
.MxClient_footerPane {
	color: #fff;
	padding: 5px 5px 5px 18px;
	border-top: 1px solid #000;
	background: #222 url(images/layout/toolBar_bg.png) repeat-x top;
}
.MxClient_footerPane a {
	color: #fff;
}
.MxClient_footerPane a:hover {
	text-decoration: none;
}

/* Theme Switch
/**************************/
.mendixThemeSwitch {
	top: 0;
	right: 0;
	color: #FFF;
	position: relative;
	height: 20px;
	padding: 3px 18px 2px 0;
	text-align: right;
	background: #222;
}
.mendixThemeSwitch label {
	margin-right: 0;
	padding-right: 5px;
}

/* Tundra Style
/**************************/
.tundra .mendixFormTitle_title {
	margin: 0px;
	padding: 5px;
	font-size: 1.2em;
	font-weight: bold;
}
.tundra .MxClient_tableHead {
	text-align: right;
	font-weight: normal;
	background-color: #eee;
}
.tundra .MxClient_tableData {
	background-color: #f5f5f5;
}
.tundra .MxClient_nodeWrapper {
	padding: 5px;	
}
.tundra .MxClient_formFocus {
	border-color: #619cd4;
}
.tundra .MxClient_formDisabled {
	color: #333;
	border-color: #bbb;
	background-color: #eee; 
}
.tundra .MxClient_formUnabled {
	color: #333;
	border-color: #bbb;
	background-color: #f00;
}

.tundra .MxClient_contentContainer {
	margin: 0 18px;
	background: #FFF;
}
.mx_layout .MxClient_contentPane {
	padding: 0 !important;
	border-style: none;
	background: #FFF;
}
/** mendixFormTitle **/
.tundra .mendixFormTitle {
	padding-left: 5px;
	border: 1px solid #CCC;
	background: #E5E5E5 url(images/layout/title_bg.png) repeat-x top;
	-moz-border-radius-topleft:3px; /* CSS3 FF */
	-moz-border-radius-topright:3px; /* CSS3 FF */
	-webkit-border-top-left-radius:3px; /* CSS3 Chrome & Safari */
	-webkit-border-top-right-radius:3px; /* CSS3 Chrome & Safari */
	border-top-right-radius: 3px; /* CSS3 Opera */
	border-top-left-radius: 3px; /* CSS3 Opera */
}
/** mendixDataGrid **/
.tundra .mendixDataGrid {
	padding: 3px;
	margin-top: -1px;
	-moz-border-radius:3px; /* CSS3 Firefox */
	-webkit-border-radius:3px; /* CSS3 Chrome & Safari */
	border-radius:3px; /* CSS3 Opera */
}
/** searchPane **/
.tundra .mendixDataGrid_searchPane {
	background-color: #FFF;
}
.tundra .mendixDataGrid_searchItemTextBox,
.tundra .mendixDataGrid_searchItemSelectBox  {
	border-color: #CCC;
}
.tundra .MxClient_formFocus {
	border-color: #999 !important;
}
.mendixDataGrid_controlPane {
	padding: 5px;
}
/** mendix_Button_button **/
.tundra .mendix_Button_button {
	color: #6d6d6d;
	border: 1px solid #818181;
	background: #5A9CCB url(images/layout/mendixButton_bg.png) repeat-x top;
	-moz-border-radius:4px; /* CSS3 Firefox */
	-webkit-border-radius:4px; /* CSS3 Chrome & Safari */
	border-radius:4px; /* CSS3 Opera */
}
.tundra .mendix_Button_buttonHover {
	border-color: #555;
	color: #555;
	background-image: url(images/layout/mendixButton_bg_hover.png);
}
.tundra .mendix_Button_button .mendix_Button_content {
	padding: 0 6px;
}
/** pagingBar **/
.tundra .mendixDataGrid_pagingBarPane .mendix_Button_button {
	color: #555;
	border-style: none;
	background: none;
}

/** tablePane **/
.mendixDataGrid_tablePane {
	padding: 5px;
}
.mendixDataGrid_gridTable {
	border: 1px solid #CCC;
}
.tundra .mendixDataGrid_gridHead .mendixDataGrid_tableHead {
	border-width: 0 1px 1px 0;
	border-color: #BBB;
	border-style: solid;
	background: #DDD url(images/layout/head_bg.png) repeat-x top;
}
.tundra .mendixDataGrid_gridHead .mendixDataGrid_tableHeadLast,
.tundra .mendixDataGrid_gridBody .mendixDataGrid_tableDataLast {
	border-right: none;
}
.tundra .mendixDataGrid_headContainer .mendixDataGrid_columnCaption {
	color: #333;
	padding: 5px;
}
/** sortIcon **/
.tundra .mendixDataGrid_tableHead  .mendixDataGrid_sortTextIcon {
	display: none;
}
.tundra .mendixDataGrid_sortIcon {
	width: 14px;
	height: 14px;
	padding:4px 1px 3px 1px;
	margin: 6px 10px 0 0;
}
.tundra .mendixDataGrid_tableHeadAsc .mendixDataGrid_sortIcon {
	background: transparent url(images/layout/icons.png) no-repeat -65px -192px;
}
.tundra .mendixDataGrid_tableHeadDesc .mendixDataGrid_sortIcon {
	background: transparent url(images/layout/icons.png) no-repeat -97px -192px;
}
.tundra .mendixDataGrid_tableData {
	padding: 5px;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #CCC;
}
.tundra .mendixDataGrid_tableRowEven {
	background-color: #F3F3F3;
}
.tundra .mendixDataGrid_tableRowSelected .mendixDataGrid_tableData {
	background: #FFFFCF;
}
.tundra .mendixDataGrid_tableRowFocused .mendixDataGrid_tableData {
	border-style: solid;
	border-color: #999;
}

/** mendixWindow
**************************/
.tundra .mendixWindow {
	border: 1px solid #AEAEAE;
	-moz-border-radius:3px; /* CSS3 Firefox */
	-webkit-border-radius:3px; /* CSS3 Chrome & Safari */
	border-radius:3px; /* CSS3 Opera */
	-moz-box-shadow:0 0 8px #CCC; /* CSS3 Firefox */
	-webkit-box-shadow: 0 0 4px #CCC; /* CSS3 Chrome & Safari */
	box-shadow:0 0 8px #CCC; /* CSS3 Opera */
}
.tundra .mendixWindow_header {
	border-style: none;
	background: url(images/layout/header_bg.png) repeat-x top;
}
.tundra .mendixWindow_title {
	color: #333;
	font-size: 14px;
}
.tundra .mendixWindow_button {
	display: block;
	height: 16px;
	width: 16px;
	margin: 6px 10px 0 0;
	background-repeat: no-repeat;
	background-image: url(images/layout/icons.png);
}
.tundra .mendixWindow_buttonHover { background-color: transparent; }
.tundra .mendixWindow_buttonHide { background: transparent url(images/layout/icons.png) no-repeat scroll -64px -128px; }
.tundra .mendixWindow_buttonShow { background: transparent url(images/layout/icons.png) no-repeat scroll -32px -128px; }
.tundra .mendixWindow_buttonClose { background: transparent url(images/layout/icons.png) no-repeat scroll -95px -128px; }
.tundra .mendixWindow_buttonMaximize {
	width: 14px;
	background: transparent url(images/layout/icons.png) no-repeat scroll -48px -80px;
}
.tundra .mendixFormView_tableData ,
.tundra .mendixFormView_tableHead {
	background-color: #FFF;
}
.tundra .mendixFormView_label {
	color: #333;
}
.tundra .mendixFormView_textBox,
.tundra .mendixFormView_textArea,
.tundra .mendixReferenceSelector_selectBox {
	border-color: #CCC;
}
.tundra .mendixFormView_controlPane {
	border-color: #999;
	background-color:#F4F4F4;
}


/* Tundra Dijit
/**************************/
.tundra .dijitTabContainerTop-tabs {
	margin-top: 5px;
}
.tundra .dijitDialogUnderlay {
	background-color: #333;
}

/** tabPane
**************************/
.tundra .dijitTabPaneWrapper {
	border-style: none;
}
.tundra .dijitTab {
	background: #DDD url(images/layout/head_bg.png) repeat-x top;
	-moz-border-radius-topleft:3px; /* CSS3 FF */
	-moz-border-radius-topright:3px; /* CSS3 FF */
	-webkit-border-top-left-radius:3px; /* CSS3 Chrome & Safari */
	-webkit-border-top-right-radius:3px; /* CSS3 Chrome & Safari */
	-border-top-right-radius:3px; /* CSS3 Opera */
	-border-top-left-radius:3px; /* CSS3 Opera */
}
.tundra .dijitTab .dijitTabInnerDiv {
	color: #0073EA;
	font-weight: bold;
}
.tundra .dijitTabHover {
	border-color: #999;
}
.tundra .dijitTabChecked {
	background: #FFF;
}
.tundra .dijitTabChecked .dijitTabInnerDiv {
	color: #333;
}

/* RTL Support
/**************************/
.dijitRtl .MxClient_logoPane {
	left: auto;
	right: 25px;
}
.dijitRtl .MxClient_toolbar {
	float: right;
}
.dijitRtl.dj_ie6 .MxClient_toolbar {
	margin-right: 0px;
	margin-left: -3px; /* solves 3px bug in ie6 */
}
.dijitRtl .MxClient_loader {
	float: left;
}
.dijitRtl .mendixThemeSwitch {
	right: auto;
	left: 25px;
}
.dijitRtl .mendixThemeSwitch label {
	margin-right: auto;
	margin-left: 5px;	
}
.dijitRtl .tundra .MxClient_tableHead {
	text-align: left;
}

/* Login
/******************/
.tundra .mendixLogin_underlayBlocked {
	background: #DDD;
}
.mendixLogin {
	border-color: #999;
	-moz-border-radius: 3px; /* CSS3 Firefox */
	border-radius: 3px; /* CSS3 Opera */
	-webkit-border-radius: 3px; /* CSS3 Chrome & Safari */
	-moz-box-shadow: 3px 3px 7px #888; /* CSS3 Firefox */
	-webkit-box-shadow: 3px 3px 7px #888; /* CSS3 Chrome & Safari */
	box-shadow: 3px 3px 7px #888; /* CSS3 Opera */
}
.mendixLogin_logoPane {
	height: 43px;
	background-image: url(images/layout/customLogoClient.png);
}
.mendixLogin_formLabel {
	color: #353E48;
	font-weight: bold;
}
.mendixLogin_formInput {
	padding: 5px;
	color: #29384C;
	border-color: #B0C6CE;
}
.MxClient_Focus {
	border-color: #6395f0;
}
.mendixLogin_formButton {
	padding: 5px;
	color: #444;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #999;
	background: #DDD url(images/layout/button_bg.png) repeat-x top;
	-moz-border-radius:6px; /* CSS3 Firefox */
	-webkit-border-radius:6px; /* CSS3 Chrome & Safari */
	border-radius:6px; /* CSS3 Opera */
}
.mendixLogin_formButton:hover {
	border-color: #336D96;
	background: #999;
}
.mendixLogin_loginResult {
	color: red;
}

/** Internet Explorer
****************************/
.dj_ie .mendixLogin {
	width: 342px;
	height: 251px;
	border-style: none;
	background: url(images/layout/ie/login_bg.png) no-repeat top;
}
.dj_ie .mendixLogin_formButton {
	padding: 7px 5px;
	border-style: none;
	background: url(images/layout/ie/login_btn.png) no-repeat;
}
	
/** IE navigationPane
**********************************/
.dj_ie .MxClient_navigationPane {
	height: 39px;
	padding: 0 0 0 5px;
	border-style: none;
	background: url(images/layout/ie/nav_left.png) no-repeat left top;
}
.dj_ie .MxClient_navbar_center {
	height: 39px;
	background: url(images/layout/ie/nav_center.png) repeat-x top;
}
.dj_ie .MxClient_navbar {
	height: 39px;
	padding: 0 5px 0 0;
	background: url(images/layout/ie/nav_right.png) no-repeat right top;
}
.dj_ie .dijitToolbar {
	padding-top: 7px;
}

/** IE mendixFormTitle
**********************************/
.dj_ie .tundra .mendixFormTitle {
	border-width: 0 0 1px 0;
	background: none;
}
.dj_ie .mendixFormTitle_borderLeft {
	padding-left: 4px;
	background: url(images/layout/ie/title_sprite.png) no-repeat left top !important;
}
.dj_ie .mendixFormTitle_borderRight {
	padding-right: 4px;
	background: url(images/layout/ie/title_sprite.png) no-repeat right top;
}
.dj_ie .mendixFormTitle_borderCenter {
	padding-bottom: 2px;
	background: url(images/layout/ie/title_center.png) repeat-x top;
}

/** IE mendix_Button
**********************************/
.dj_ie .tundra .mendix_Button_button {
	border: none;
	background: none;
}
.dj_ie .tundra .mendix_Button_left {
	padding-left: 4px;
	background: url(images/layout/ie/mendix_Button_left.png) no-repeat left top !important;
}
.dj_ie .tundra .mendix_Button_right {
	padding-right: 4px;
	background: url(images/layout/ie/mendix_Button_right.png) no-repeat right top;
}
.dj_ie .tundra .mendix_Button_content {
	padding-bottom: 7px;
	background: url(images/layout/ie/mendix_Button_center.png) repeat-x top;
}

/** IE tabPane
**********************************/
.dj_ie .tundra .dijitTab {
	padding-left: 4px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #CCC;
	background: url(images/layout/ie/tabPane_left.png) no-repeat left top;
}
.dj_ie .tundra .dijitTab .dijitTabInnerDiv {
	border-style: none;
	background: url(images/layout/ie/tabPane_right.png) no-repeat right top;
}
.dj_ie .tundra .dijitTabChecked {
	border-bottom-color: #FFF;
	background: url(images/layout/ie/tabPane_left_Checked.png) no-repeat left top;
}
.dj_ie .tundra .dijitTabChecked .dijitTabInnerDiv {
	border-style: none;
	background: url(images/layout/ie/tabPane_right_Checked.png) no-repeat right top;
}
.dj_ie .tundra .dijitTabContainerTop-spacer {
	border-style: solid;
	border-width: 0 1px;
	border-color: #CCC;
}

/** IE mendixWindow
**********************************/
.dj_ie .mendixWindow {
	border-style: none;
	background: transparent;
}
.dj_ie .mendixWindow .mendixWindow_borderLeftTop {
	padding-left: 4px;
	background: url(images/layout/ie/mendixWindow_Sprite.png) no-repeat left top;
}
.dj_ie .mendixWindow .mendixWindow_borderRightTop {
	padding-right: 4px;
	background: url(images/layout/ie/mendixWindow_Sprite.png) no-repeat right top;
}
.dj_ie .mendixWindow .mendixWindow_borderCenterTop {
	background: url(images/layout/ie/mendixWindow_Center.png) repeat-x top;
}
.dj_ie .tundra .mendixWindow .mendixFormView_table {
	border-width: 0 1px;
	border-color: #AEAEAE;
	border-style: solid;
}
.dj_ie .tundra .mendixFormView_controlPane {
	border-width: 1px 1px 0 1px;
	border-color: #AEAEAE;
	border-style: solid;
}
.dj_ie .mendixWindow .mendixWindow_borderLeftBottom {
	padding-left: 3px;
	background: url(images/layout/ie/mendixWindow_Bottom_Sprite.png) no-repeat left bottom;
}
.dj_ie .mendixWindow .mendixWindow_borderRightBottom {
	padding-right: 3px;
	background: url(images/layout/ie/mendixWindow_Bottom_Sprite.png) no-repeat right bottom;
}
.dj_ie .mendixWindow .mendixWindow_borderCenterBottom {
	height: 3px;
	background: url(images/layout/ie/mendixWindow_Bottom_Center.png) repeat-x bottom;
}



